﻿<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-select.css" rel="stylesheet">
	<style type="text/css">
		#container {
			margin-top: 60px;
			margin-bottom: 20px;
		}
		.destroy {
			cursor: pointer;
			width: 20px;
			height: 20px;
			background: url(img/destroy.png) no-repeat;
		}
		.destroy:hover {
			background-position: 0 -20px;
		}
    </style>
	<!--<link href="css/bootstrap-responsive.css" rel="stylesheet">-->
  </head>
  <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
		  <div class="navbar-inner">
			<div class="container">
			  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			  </a>
			  <a class="brand" href="index.html">Шарашкина контора</a>
			  <div class="nav-collapse collapse">
				<ul class="nav">
				  <li><a href="index.html">Товары</a></li>
				  <li><a href="basket.html">Корзина<!--<span> (<strong id="cntBasket"></strong>)</span>--></a></li>
				  <li class="active" ><a href="orders.html">Заказы</a></li>
				</ul>
			  </div><!--/.nav-collapse -->
			</div>
		  </div>
		</div>
		
		<div class="container" id="container">
		
		<table class="table table-striped">
		  <thead>
			  <tr>
				<th>ID</th>
				<th>Информация</th>
				<th>Содержимое</th>
			  </tr>
			</thead>
			<tbody id="good-items-list">
			</tbody>
		  </table>

      <hr>

      <footer>
        <p>&copy; Группа 5512</p>
      </footer>

    </div>
		
    
	<script src="js/json2.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/jquery-ui.js"></script>
	<script src="js/underscore.js"></script>
	<script src="js/backbone.js"></script>
	<script src="js/orders.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap-select.js"></script>

	<script type="text/template" id="item-template">
		<td><strong><%= id %></strong></td>
		<td>
			Дата: <strong><%= date %></strong><br>
			Cтатус: <strong><%= (status==0)?'новый':'' %><%= (status==1)?'ожидает исполнения':'' %><%= (status==2)?'в исполнении':'' %><%= (status==3)?'исполнен':'' %></strong><br>
			Приоритет:<strong> <%= (status==1)?'высокий':'обычный' %></strong><br>
		</td>
		<td>
			<table class="table table-condensed">
			<tbody id="modal-content">
			<% for(var i=0; i<items.length; i++) {%>
				<tr>
					<td width="30%"><%= items[i].id %></td>
					<td width="50%"><%= items[i].name %></td>
					<td width="20%"><%= items[i].qty %></td>
				</tr>
			<% } %>
			</tbody>
			</table>
		</td>
	</script>

  </body>
</html>